/*公共部分*/
*{margin: 0;padding: 0;}
body,html{
	width: 100%;
	height: 100%;
	background: #fff;
}
h1,h2,h3,h4,h5,h6{font-weight: normal;}
ul li{list-style: none;}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #5f5f5f; opacity:1; 
}
input,button,checkbox,radio{outline: none;}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #a0a0a0;opacity:1;
}

input:-ms-input-placeholder{
    color: #a0a0a0;opacity:1;
}

input::-webkit-input-placeholder{
    color: #a0a0a0;opacity:1;
}
.container{
	position: relative;
	width: 100%;
	height: 100%;	
}
header{
	width: 100%;
	height: 0.7rem;
	background: #1ab39c;
	position: fixed;
	top: 0;
	z-index: 111;
}
header span{
	font-size: 0.32rem;
	color: #fff;
	display: inline-block;
	position: absolute;
	margin-left: 2.5rem;
    margin-top: 0.12rem;
}
header i{
	position: absolute;
	background: url(../image/back.png);
	width:0.21rem;
	height: 0.37rem;	
	background-size:100% 100%;
	display: inline-block;
	margin-top: 0.15rem;
    margin-left: 0.2rem;
}
.swiper-container{
	width: 100%;
	height: 3.61rem;
	margin-top: 0.7rem;
}
.swiper-container img{
	width: 100%;
	height: 3.61rem;
}
.tab{
	width: 100%;
	height: 1.5rem;
	background: #fff;
	border-bottom: 0.16rem solid #efefef;
}
.name{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	width: 96%;
	margin: auto;
	height: 0.8rem;
	font-size: 0.28rem;
	line-height: 0.4rem;
	padding-top: 0.1rem;
}
.p1{
	height: 0.5rem;
	font-size: 0.2rem;
	color: #666;
	text-indent: 0.2rem;
	margin-top: 6px;
}
.price{
	margin-right: 3.3rem;
	font-size: 0.3rem;
	color: #ff4100;
}
.sales{
	font-size: 0.2rem;
}
.tab1{
	width: 100%;
	background: #fff;
	height: 0.96rem;
	border-bottom: 0.02rem solid #efefef;
	border-top: 0.02rem solid #efefef;
	font: 0.24rem/0.96rem '';
}
.tab1 .rili{
	background: url(../image/rili.png) no-repeat;
	width: 0.34rem;
	height: 0.29rem;
	background-size: 100% 100%;
	display: inline-block;
	margin-left: 0.2rem;
	margin-top: 0.33rem;
	position: absolute;
}
.list{
	width: 100%;
	background: #fff;
	height: 0.94rem;
	font: 0.28rem/0.94rem '';
	color: #888888;
	border-bottom: 0.02rem solid #efefef;
}
.list li{
	width: 33%;
	height: 100%;
	float: left;
	text-align: center;
}
.main{
	width: 100%;
	background: #fff;
}
.page1,.page2,.page3{
	 width: 100%;
	background: #fff;
	fot-size:0.22rem;
	text-indent:0.2rem;
	padding: 0.1rem;
}
.page2,.page3{
	display: none;
}
.page1 img,.page2 img,.page3 img{
	width: 100%;
}
.page1
.pg1,.pg2,.pg3{
	width: auto;
	border-bottom: 0.16rem solid #efefef;
}
.pp{
	width: 100%;
	height: 0.96rem;
	border-bottom: 0.02rem solid #efefef;
	border-top: 0.02rem solid #efefef;
	font: 0.24rem/0.96rem '';
	text-indent: 0.7rem;
}
.tu{
	 background: url(../image/tu.png) no-repeat;
	 width: 0.34rem;
	 height: 0.29rem;
	 background-size: 100% 100%;
	 display: inline-block;
	 margin-left: -0.5rem;
	 margin-top: 0.33rem;
	 position: absolute;
 }
.mon{
	background: url(../image/mon.png) no-repeat;
	width: 0.34rem;
	height: 0.29rem;
	background-size: 100% 100%;
	display: inline-block;
	margin-left: -0.5rem;
	margin-top: 0.33rem;
	position: absolute;
}
.dp{
	background: url(../image/dianping.png) no-repeat;
	width: 0.34rem;
	height: 0.29rem;
	background-size: 100% 100%;
	display: inline-block;
	margin-left: -0.5rem;
	margin-top: 0.33rem;
	position: absolute;
}
.dianping{
	/*color: #009cff;*/
	width: 100%;
	color: #888888;
	height: 0.89rem;
	font: 0.2rem/0.89rem '';
	text-indent: 0.7rem;

	letter-spacing: 2px;
}
.score{
	color: #009cff;
}
.num{
	color: #888888;
	margin-left: 3rem;
}
.i1{
	background: url(../image/5.png) no-repeat;
	width: 0.19rem;
	height: 0.27rem;
	background-size: 100% 100%;
	display: inline-block;
	position: absolute;
	margin-top: 0.3rem;
}
.decoration{
	width: 100%;
	height: 0.63rem;
}
.decoration li{
	width: 1.88rem;
	height: 0.63rem;
	background: #f3f3f3;
	border-radius: 0.1rem;
	font: 0.2rem/0.63rem '';
	float: left;
	text-align: center;
	margin-left: 0.1rem;
}
.evalute{
	width: 100%;
	margin-bottom: 1rem;
 }
.evalute li{
	width: 100%;
	height: 1.69rem;
}
.pT{
	width: 100%;
	height: 0.58rem;
	line-height: 0.58rem;
	font-size: 0.2rem;
	text-indent: 0.2rem;
}
.time{
	 margin-left: 2.8rem;
	 color: #888;
 }
.name1{
	color: #888;
	font-size: 0.2rem;
}
.content{
	width: 96%;
	height: 1rem;
	font-size: 0.24rem;
	margin: auto;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp:3;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.bottom{
	width: 100%;
	height:0.87rem;
	font: 0.26rem/0.87rem '';
	position: fixed;
	bottom: 0;
	text-align: center;
}
.phone{
	display: inline-block;
	float: left;
	width: 50%;
	height:0.87rem;
	background:#fff ;
	color: #f85d00 ;
}

.yuding{
	display: inline-block;
	float: left;
	width: 50%;
	color: #fff;
	height:0.87rem;
	background:#f85d00 ;
}
.phone i{
	background: url(../image/phone.png) no-repeat;
	width: 0.39rem;
	height: 0.31rem;
	background-size: 100% 100%;
	display: inline-block;
	position: absolute;
	margin-left: -0.4rem;
	margin-top: 0.3rem;
}

.yuding i{
	background: url(../image/yuding.png) no-repeat;
	width: 0.32rem;
	height: 0.33rem;
	background-size: 100% 100%;
	display: inline-block;
	position: absolute;
	margin-left: -0.4rem;
	margin-top: 0.28rem;
}
.tip{
	position: absolute;
	width:6.04rem;
	height:1.82rem;
	font-size: 0.22rem;
	position: fixed;
	margin-left:0.2rem;
	z-index: 111;
	bottom: 1rem;
	display: none;
}
.zhezhao{
	position: absolute;
	width:100%;
	background: #000;
	opacity: 0.8;
	z-index: 111;
	display: none;
}
.tip_top{
	width: 6.04rem;
	border-radius: 0.2rem;
	height: 1.09rem;
	background: #fff;
	margin-bottom: 0.2rem;
	position: absolute;
}
.tip_top p:nth-child(1){
	width:6.04rem;
	height:0.57rem;
	background: #fff;
	text-align: center;
	color: #f85d00;
	font: 0.2rem/0.57rem '';
	border-radius: 0.2rem;
	border-bottom: 0.02rem solid #efefef;
}

.tip_top p:nth-child(2){
	width:6.04rem;
	height:0.57rem;
	background: #fff;
	border-radius: 0.2rem;
	font: 0.2rem/0.57rem '';
	text-indent:0.7rem;
	color: #000;
	letter-spacing: 1px;
	border-bottom: 0.02rem solid #efefef;
}
.telplone{
	background: url(../image/phone.png) no-repeat;
	width: 0.39rem;
	height: 0.31rem;
	background-size: 100% 100%;
	display: inline-block;
	position: absolute;
	margin-left: -0.6rem;
	margin-top: 0.15rem;
}
.close{
	width: 6.04rem;
	height: 0.57rem;
	background: #fff;
	text-align: center;
	color: #f85d00;
	margin-top: 0.2rem;
	border-radius: 0.1rem;
	font: 0.2rem/0.57rem '';
	position: absolute;
	margin-top: 1.5rem;
}









